<template>
  <common-info-dialog
    :title="dialogTitle"
    :visible.sync="dialogShow"
    @cancel="close"
  >
    <common-info-table>
      <common-info-table-cell label="主机地址">
        {{ detail.hostIp }}
      </common-info-table-cell>
      <common-info-table-cell label="主机端口" width="50%"
        >{{ detail.hostPort }}
      </common-info-table-cell>
      <common-info-table-cell label="发送协议" width="50%"
        >{{ detail.protocol }}
      </common-info-table-cell>
      <common-info-table-cell label="备注"
        >{{ detail.remark }}
      </common-info-table-cell>
    </common-info-table>
  </common-info-dialog>
</template>
<script>
export default {
  data() {
    return {
      dialogTitle: "日志服务详情",
      dialogShow: false,
      detail: {},
    };
  },
  methods: {
    show(data) {
      this.dialogShow = true;
      this.detail = data || {}
    },
    close() {
      this.dialogShow = false;
    },
  },
};
</script>

<style lang="scss" scoped>
</style>